A Bar chart using the Google Sheets connector

[No canvas support]

This goes in the documents header:
<script src="../libraries/RGraph.common.core.js" ></script>
<script src="../libraries/RGraph.common.sheets.js" ></script>
<script src="../libraries/RGraph.bar.js" ></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="800" height="400">
    [No canvas support]
</canvas>
This is the code that generates the chart:
<script>
    new RGraph.Sheets('1ncvARBgXaDjzuca9i7Jyep6JTv9kms-bbIzyAxbaT0E', function (sheet)
    {
        var data   = sheet.get('B2:B13');
        var labels = sheet.get('A2:A13');
        
        for (var i=0; i<labels.length; i+=2) {
            labels[i] = "\n" + labels[i];
        }

        var bar = new RGraph.Bar({
            id: 'cvs',
            data: data,
            options: {
                labels: labels,
                colors: ['#f66'],
                shadow: false,
                strokestyle: 'rgba(0,0,0,0)',
                scaleZerostart: true,
                noaxes: true,
                gutterLeft: 50,
                gutterBottom: 70,
                textAccessible: true,
                backgroundGridVlines: false,
                backgroundGridBorder: false,
                textSize: 16
            }
        }).wave();
    });
</script>